<%@ taglib uri="/struts-tags" prefix="s"%>
<!-- Tabs -->

<script type="text/javascript">
var oTableGrilla;

	$(document).ready(function() {
		
		oTableGrilla = $('#tbGrillaArticulos').dataTable({
			"bJQueryUI": true,
			"sPaginationType" : "full_numbers",
			"bFilter" : false,
			"bProcessing": true,
			"fnDrawCallback": function(oSettings){
			  $('table#tbGrillaArticulos td').bind('mouseenter', function () {
				   $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
			  $('table#tbGrillaArticulos td').bind('mouseleave', function () { 
			  	   $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
				   
			},
			"sAjaxSource": "/SolucionPresentacionWeb/articulos/obtener-articulos-grilla.action",
			"aoColumns" : 
				[ 
				{"mData" : "codigoArticulo"}, 
				{"mData" : "descripArticulo"},
				{"mData" : "cantidadArticulo"},
				{"mData" : "precio"},
				{"mData" : "subTotal"}
				]
		});
		
	});
	
function grabarEvaluacion(estado){
	
	$('#estadoAsignado').val(estado);
	document.formEvaluarOrden.submit();
}
	
</script>
<br/>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Evaluar Orden de Compra</a></li>
	</ul>
	<div id="tabs-1">

	<s:form theme="simple" action="grabar-evaluacion-orden" namespace="/compras" enctype="multipart/form-data" name="formEvaluarOrden">
	<s:hidden name="estadoAsignado" id="estadoAsignado" />
	<s:hidden name="numeroOrden" id="numeroOrden" />
	
			<table width="100%" border="0" cellspacing="1" cellpadding="3" id="formtb" bgcolor="#647251">
  <tr>
    <td width="21%">Numero Orden Compra</td>
    <td width="79%"><s:textfield name="orden.numeroOrdenCompra" id="numeroOrdenCompra" readonly="true" /></td>
  </tr>
  <tr>
    <td>Proveedor</td>
    <td>
    
    <s:select listKey="idPersona" listValue="nombres"
							headerKey="-1" headerValue="--- Seleccione ---"
							list="listaProveedores" name="orden.idProveedor" id="idProveedor" disabled="true"/>
   </td>
  </tr>
  <tr>
    <td>Forma Pago</td>
    <td>
    
    
    <s:select listKey="valor" listValue="descriptivo"
							headerKey="-1" headerValue="--- Seleccione ---"
							list="listFormaPagos" name="orden.formaPago" id="formaPago" disabled="true" />
    
    
    </td>
  </tr>
  <tr>
    <td>Tiempo Entrega(dias)</td>
    <td><s:textfield name="orden.tiempoEntrega" id="tiempoEntrega" readonly="true" /></td>
  </tr>
  
    <tr>
    <td>Estados</td>
    <td>
    
    	<table border="0" cellspacing="1" cellpadding="3" class="estadosOrden" bgcolor="#647251">
    	
    	<tr>
    		<td><strong>Estado</strong></td>
    		<td><strong>Responsable</strong></td>
    		<td><strong>Observacion</strong></td>
    		<td><strong>Fecha registro</strong></td>
    	</tr>
    	
		    <s:iterator value="listaEstadosOrdenCompra">      
			 
			   <tr>
					<td><s:property value="estado" /></td>
					<td><s:property value="nombres" /></td>
					<td><s:property value="observacion" /></td>
					<td><s:property value="fechaRegistro" /></td>
				</tr>
			        
		    </s:iterator>
    	
    	</table>
    
    </td>
  </tr>


		  <tr>
		    <td colspan="2"><table cellpadding="0" cellspacing="0" border="0" class="display" id="tbGrillaArticulos">
	<thead>
		<tr>
			<th>Codigo Articulo</th>
			<th>Descripcion Articulo</th>
			<th>Cantidad</th>
			<th>Precio Compra</th>
			<th>SubTotal</th>
			</tr>
	</thead>
	<tbody>

	</tbody>
</table></td>
	      </tr>
		  <tr>
		    <td>Observacion</td>
		    <td> 
              <s:textarea name="observacion" id="observacion" cols="70" rows="3"></s:textarea> </td>
	      </tr>
		  <tr>
		    <td>Adjunto</td>
		    <td>
	        	<s:file name="archivo" id="archivo" />
	        </td>
	      </tr>
		  <tr>
		    <td colspan="2">
		    <input type="button" value="Aprobar" class="button" onclick="grabarEvaluacion('2')" />
	        <input type="button" value="Desaprobar" class="button" onclick="grabarEvaluacion('4')" />
	        <input type="button" value="Cancelar" class="button" onclick="javascript:history.back()" />
	        </td>
	      </tr>
      </table>
	
	
	
	</s:form>

	</div>

</div>
